<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>教师绩效管理系统</title>
	<link href="<?php echo base_url('web');?>/css/bootstrap.min.css" rel="stylesheet" />
	<script src="<?php echo base_url('web');?>/js/jquery-3.2.0.min.js" ></script>
	<script src="<?php echo base_url('web');?>/js/bootstrap.min.js" ></script>
	<script src="<?php echo base_url('web');?>/js/config.js"></script>
	<style>
		html,body {height:100%;width:100%;position:absolute;}
		#mainFrame {height:100%;width:100%;}
		#hole {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);padding:200px;}
		.wq-center {background:rgba(255,255,255,0.7);padding:20px;width:400px;margin:0 auto;border-radius:10px;}
	</style>
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<a class="navbar-brand" style="padding:2px" href="#"><img width="46" src="<?php echo base_url('web');?>/img/logo.png"/></a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div id="cat" class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<?php foreach($ths as $k=>$v){?>
						<li class="wq-li"><a id="preferential" target="mainFrame" href="<?php echo $v;?>"><?php echo $k;?></a></li>
					<?php }?>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a id="login" href="#"><?php echo $user['name'];?></a></li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
	<article style="position:absolute;top:52px;left:0;right:0;bottom:0;">
		<iframe id="mainFrame" name="mainFrame" src="<?php echo base_url('web/new_file.html');?>"></iframe>
	</article>
	<script>
		var $lis = $("#cat").find('.wq-li');
		$lis.on('click',function(){
			$lis.removeClass('active');
			$(this).addClass('active');
		});
	</script>
</body>
</html>
